<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 云秒科技</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <nav class="navbar" id="navbar">
        <div class="container">
            <div class="nav-wrapper">
                <div class="logo">
                    <img src="images/云秒科技.png" alt="云秒科技">
                </div>
                <ul class="nav-menu" id="navMenu">
                    <li><a href="index.html" class="nav-link">首页</a></li>
                    <li><a href="about.html" class="nav-link active">关于</a></li>
                    <li><a href="product.html" class="nav-link">产品</a></li>
                    <li><a href="scheme.html" class="nav-link">方案</a></li>
                    <li><a href="case.html" class="nav-link">案例</a></li>
                    <li><a href="contact.html" class="nav-link">联系我们</a></li>
                </ul>
                <div class="hamburger" id="hamburger">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
    </nav>

    <header class="page-hero">
        <div class="container">
            <h1>关于云秒科技</h1>
            <p>AI驱动的数字中医与智能健康生态创新企业</p>
        </div>
    </header>

    <main class="page-content">
        <div class="container">
            <!-- 公司介绍 -->
            <section class="about-intro" style="margin-bottom: 3rem;">
                <div class="intro-content" style="max-width: 900px; margin: 0 auto; text-align: center;">
                    <p style="font-size: 1.1rem; line-height: 2; color: var(--text-gray); margin-bottom: 2rem;">
                        杭州云秒科技是一家专注于AI驱动的数字中医与智能健康生态的创新企业。我们以辅助诊疗系统、医共体共享中药房平台、中医预训练大模型与无创神经刺激可穿戴设备为核心业务，将前沿人工智能技术与智能硬件深度融合，重构中医诊疗新体验。通过打通"诊疗—药事—康复—随访"全链路，我们为医院、医生与个人用户提供一体化的智慧中医健康服务，让数据更懂中医，让中医更懂每一个人。
                    </p>
                </div>
            </section>

            <div class="section-header" style="margin-bottom:2rem;">
                <h2 class="section-title">企业使命</h2>
                <p class="section-subtitle">让数据更懂中医，让中医更懂每一个人</p>
            </div>
            <div class="cards-grid">
                <div class="card">
                    <h3>我们是谁</h3>
                    <p>杭州云秒科技专注于人工智能与中医诊疗的深度融合，核心业务涵盖辅助诊疗系统、医共体共享中药房平台、中医预训练大模型与无创神经刺激可穿戴设备。</p>
                </div>
                <div class="card">
                    <h3>技术优势</h3>
                    <p>依托AI大模型、知识图谱、多模态感知与边缘计算技术，构建贯穿诊疗—药事—康复—随访的智慧中医全链路能力。</p>
                </div>
                <div class="card">
                    <h3>合规与安全</h3>
                    <p>严格遵循医疗数据安全合规要求，采用分级存储与全程留痕机制，保障隐私与可追溯。</p>
                </div>
            </div>

            <!-- 企业文化 -->
            <section class="culture-section" style="margin-top: 4rem;">
                <div class="section-header" style="margin-bottom: 3rem;">
                    <h2 class="section-title">企业文化</h2>
                    <p class="section-subtitle">传承中医智慧，创新科技未来</p>
                </div>
                
                <div class="culture-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem;">
                    <div class="culture-card" style="background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-top: 4px solid var(--primary-color); transition: transform 0.3s;">
                        <div style="font-size: 3rem; color: var(--primary-color); margin-bottom: 1rem;">
                            <i class="fas fa-lightbulb"></i>
                        </div>
                        <h3 style="color: var(--text-dark); margin-bottom: 1rem; font-size: 1.3rem;">创新驱动</h3>
                        <p style="color: var(--text-gray); line-height: 1.8;">
                            以技术创新为核心驱动力，持续探索AI与中医的深度融合，用前沿科技赋能传统医学，推动中医诊疗的现代化与智能化。
                        </p>
                    </div>
                    
                    <div class="culture-card" style="background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-top: 4px solid var(--primary-color); transition: transform 0.3s;">
                        <div style="font-size: 3rem; color: var(--primary-color); margin-bottom: 1rem;">
                            <i class="fas fa-heart"></i>
                        </div>
                        <h3 style="color: var(--text-dark); margin-bottom: 1rem; font-size: 1.3rem;">用户至上</h3>
                        <p style="color: var(--text-gray); line-height: 1.8;">
                            始终以用户需求为中心，关注医院、医生与患者的真实痛点，提供真正有价值的解决方案，让每一款产品都能切实改善诊疗体验。
                        </p>
                    </div>
                    
                    <div class="culture-card" style="background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-top: 4px solid var(--primary-color); transition: transform 0.3s;">
                        <div style="font-size: 3rem; color: var(--primary-color); margin-bottom: 1rem;">
                            <i class="fas fa-shield-alt"></i>
                        </div>
                        <h3 style="color: var(--text-dark); margin-bottom: 1rem; font-size: 1.3rem;">专业严谨</h3>
                        <p style="color: var(--text-gray); line-height: 1.8;">
                            在医疗健康领域，我们以最高的专业标准要求自己，严格遵循医疗规范与数据安全标准，确保每一行代码、每一个功能都经得起检验。
                        </p>
                    </div>
                    
                    <div class="culture-card" style="background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-top: 4px solid var(--primary-color); transition: transform 0.3s;">
                        <div style="font-size: 3rem; color: var(--primary-color); margin-bottom: 1rem;">
                            <i class="fas fa-hands-helping"></i>
                        </div>
                        <h3 style="color: var(--text-dark); margin-bottom: 1rem; font-size: 1.3rem;">合作共赢</h3>
                        <p style="color: var(--text-gray); line-height: 1.8;">
                            与医疗机构、科研院所、合作伙伴建立深度合作关系，共同推动中医药产业的数字化转型，实现互利共赢的生态发展。
                        </p>
                    </div>
                </div>

                <div class="culture-values" style="margin-top: 3rem; background: var(--bg-light); padding: 3rem 2rem; border-radius: 12px; text-align: center;">
                    <h3 style="color: var(--text-dark); margin-bottom: 2rem; font-size: 1.5rem;">核心价值观</h3>
                    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem;">
                        <div style="flex: 1; min-width: 200px;">
                            <div style="font-size: 2rem; color: var(--primary-color); margin-bottom: 0.5rem;">
                                <i class="fas fa-seedling"></i>
                            </div>
                            <h4 style="color: var(--text-dark); margin-bottom: 0.5rem;">传承</h4>
                            <p style="color: var(--text-gray); font-size: 0.95rem;">传承中医千年智慧</p>
                        </div>
                        <div style="flex: 1; min-width: 200px;">
                            <div style="font-size: 2rem; color: var(--primary-color); margin-bottom: 0.5rem;">
                                <i class="fas fa-rocket"></i>
                            </div>
                            <h4 style="color: var(--text-dark); margin-bottom: 0.5rem;">创新</h4>
                            <p style="color: var(--text-gray); font-size: 0.95rem;">创新科技赋能未来</p>
                        </div>
                        <div style="flex: 1; min-width: 200px;">
                            <div style="font-size: 2rem; color: var(--primary-color); margin-bottom: 0.5rem;">
                                <i class="fas fa-users"></i>
                            </div>
                            <h4 style="color: var(--text-dark); margin-bottom: 0.5rem;">责任</h4>
                            <p style="color: var(--text-gray); font-size: 0.95rem;">承担健康社会责任</p>
                        </div>
                        <div style="flex: 1; min-width: 200px;">
                            <div style="font-size: 2rem; color: var(--primary-color); margin-bottom: 0.5rem;">
                                <i class="fas fa-star"></i>
                            </div>
                            <h4 style="color: var(--text-dark); margin-bottom: 0.5rem;">卓越</h4>
                            <p style="color: var(--text-gray); font-size: 0.95rem;">追求卓越品质服务</p>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </main>

    <style>
        .culture-card:hover {
            transform: translateY(-5px);
        }
        @media (max-width: 768px) {
            .culture-grid {
                grid-template-columns: 1fr !important;
            }
            .culture-values > div {
                flex-direction: column !important;
            }
        }
    </style>

    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <img src="images/云秒科技.png" alt="云秒科技">
                </div>
                <div class="footer-about">
                    <h3>关于云秒科技</h3>
                    <p>AI驱动的数字中医整体方案，打通“诊疗—药事—康复—随访”，助力机构智能化升级。</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 杭州云秒科技有限公司 版权所有</p>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>
